<template>
  <el-header class="myHearder">
    <a
      href="javascript:;"
      :style="{ height: '100%', display: 'flex', alignItems: 'center' }"
    >
      <img
        src="https://img.k68.cn/k68over2007-02-6/52871/200732794058_01.jpg"
        alt="图片资源来自于网络, 侵权请联系删除"
        :style="{ height: '80%' }"
      />
    </a>
    <p :style="{ fontSize: '30px', fontWeight: 'bolder' }">管理系统</p>
    <button
      :style="{
        display: 'block',
        cursor: 'pointer',
        border: '0',
        backgroundColor: 'transparent',
        fontSize: '20px',
        color: '#909399',
      }"
      @click="localStorageTokenDelete"
    >
      注销
    </button>
  </el-header>
</template>
<script setup>
const localStorageTokenDelete = () => {
  localStorage.removeItem("token");
  localStorage.removeItem("adminName");
  location.reload()
};
</script>
<style lang="scss" scoped>
.myHearder {
  /* background-color: rgba(0, 179, 255, 0.5); */
  border-bottom: 1px solid #dcdfe6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
